.page{width:100%;height:calc(100% - 0.5rem);}
.page .nav{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center;}
.page .back{cursor:pointer;}

.page .product-tabs{width:100%;height:0.5rem;display:flex;display:-webkit-flex;overflow:hidden;flex-wrap:wrap;
align-items:center;-webkit-align-items:center;justify-content:flex-start;-webkit-justify-content:flex-start;overflow-y: scroll;}
.page .product-tabs .item{width:1.94rem;height:100%;background:url('../../../images/home/typhoon/square.png') no-repeat;
background-size:100%;background-position:bottom;font-size:0.16rem;text-align:center;line-height:0.4rem;position:relative;color:#E1E1E1;
cursor:pointer;margin-right:0.15rem;}
.product-tabs .item.active{background:url('../../../images/home/typhoon/square-h.png') no-repeat;background-size:100%;
background-position:bottom;color:#3EE0C8;font-size:0.17rem;line-height:0.36rem;}
.product-tabs .item.active .arrow{position:absolute;width:100%;height:0.15rem;bottom:-1px;left:0;background:url('../../../images/home/typhoon/arrow.png')
no-repeat;background-size:100%;background-position:center;}

.page .main{width:100%;height:100%;background:url('../../../images/home/typhoon/right-bg.png') no-repeat;
background-size:100% 100%;background-position:center;display:flex;display:-webkit-flex;overflow:hidden;
flex-direction:column;justify-content:center;-webkit-justify-content:center-webkit;align-items:center;
-webkit-align-items:center;}
.main .title{text-align:center;font-size:0.14rem;color:#3EE2C8;font-weight:500;}
.main .img{width:97%;height:90.2%;margin:0.08rem auto 0;}
.main .img img{width:100%;height:100%;}

/* 滚动条样式 */
.product-tabs::-webkit-scrollbar {width: 5px;height: 5px;}
.product-tabs::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#45FEE0;
border-radius:3px;}
.product-tabs::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#E8E8E8;}
.product-tabs::-webkit-scrollbar-corner{background:khaki;}